はじめてのマテリアルデザイン入門
この記事では、マテリアルデザイン初心者の自分が良いなと思うサイトをご紹介します。 上から順に見ていくと理解が深まるのではないのかなと思います。
マテリアルデザインとは？
よくわかるマテリアルデザインの設計コンセプト
よくわかるマテリアルデザインの設計コンセプト | fladdict
マテリアルデザインの設計コンセプトが分かりやすく書かれている良記事です。 これをまず読んでみてコンセプトを掴んでおけば、理解が深まると思います。
マテリアルデザインとフラットデザインって結局何が違うの？
Googleマテリアルデザインとフラットデザインって結局何が違うの？[UI/UX] | naver
フラットデザインなら知っているよっていう人はこちらを見ると良いかもしれません。
動画で見てみる
マテリアルデザインを解説してくれてます。 日本語字幕が出ているので親切です。
ちなみにGoogleのデザイン関連の動画はプレイリストにまとまってます
Google DesignBytes | YouTube
デモアプリを見てみる
Material Library Demo
Material Library Demo | Google Play
Material Library のデモアプリです。 モバイルのデザインする人は見ておいても良いかもしれません。
制作ガイドライン
Google Material design
https://www.google.com/design/spec/material-design/
GoogleのMaterial designのページ。これに全てが集約されているため、これを読めば良い感じもしますが、 わかりやすくQiitaにまとまっていたので、こちらもご紹介します。
マテリアルデザイン#1 Menus, Dialog, Pickers
マテリアルデザイン#2 Subheaders, Switches, Snackbars & toasts
マテリアルデザイン#3 Card, Chips, Tabs
マテリアルデザインをするにあたって便利なサイト
material up
マテリアルデザインの事例を集めたサイト。
Material Design Colors
http://www.materialui.co/colors
マテリアルデザインの色パターン。 画面右の Palette Creator でシミュレーションが出来ます。
FLAT ICON DESIGN
フラットデザインなアイコン。カワイイです。
polymer
https://www.polymer-project.org/
あのSanta TrackerのWeb版で使われていたと聞きました。
